﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="management.aspx.cs" Inherits="Viki1.management" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Viki个人中心管理</title>
<!-- 脚本文件 start -->
<script src="Styles/person1.css" type="text/javascript" charset="utf-8" language="javascript"></script>
<script src="Styles/person2.css" type="text/javascript" charset="utf-8" language="javascript"></script>
<script src="Styles/person3.css" type="text/javascript" charset="utf-8" language="javascript"></script>
<script src="Styles/js/person4.js" type="text/javascript" charset="utf-8" language="javascript"></script>
<link href="Styles/js/person5.js" rel="stylesheet" type="text/css"  charset="utf-8"  />

<link href="Styles/js/person6.js" rel="stylesheet" type="text/css"  charset="utf-8"  />
<link href="Styles/js/person7.js" rel="stylesheet" type="text/css"  charset="utf-8"  />

<link href="Styles/js/person8.js" rel="stylesheet" type="text/css" />

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<!--    
    <script type="text/javascript">  
        function test(){  
            art.dialog.open('dialog/dialog.php',
            {title: 'Viki', width: 320, height: 400,lock:true});
        }  
    </script>  
     
    <a href="javascript:" onclick="test();">测试</a>  -->
    <div id="container">
        <!--  
        <div id="header">
            <div class="topNav">
                <div class="topNavLeft">
                    <form>
                                                <span class="topSpan">hi,</span>
                        <span class="topSpan"><a href="/user/mypage_top.php">student</a>!</span>
                        <span class="topSpan">&nbsp;&nbsp;[<a href="/user/wl_list.php" style='color:white;'>站内信(<span style='color:red; font-size:12px;' id='znx'>新的站内信</span>)</a>]&nbsp;</span>
                        <span class="topSpan">&nbsp;[<a href="/user/mypage_top.php" style='color:white;'>会员中心</a>]&nbsp;</span>
                        <span class="topSpan">&nbsp;[<a href="/user/user_logout.php" style='color:white;'>退出</a>]</span>
                                            </form>
                </div>
                <div class="topNavRight"> <a onClick="javascript:window.open('http://bizapp.qq.com/webc.htm?new=0&sid=938076608&o=b.qq.com&q=7', '_blank', 'height=544px, width=644px,toolbar=no,scrollbars=no,menubar=no,status=no');" class="topRightA" title="点击联系客服QQ"> <img src="../../images/web_new/global/QQ.png" /> &nbsp;客服在线咨询（9：00-22：30） </a> <a href="http://e.weibo.com/Viki" target="_blank" class="topRightA" title="点击关注Viki新浪微博"> <img src="../../images/web_new/global/sina.png" /> &nbsp;加关注 </a> </div>
            </div>
            <div class="logoBar">
                <div class="topPhone"> <img src="../../images/web_new/global/topPhone.png" alt="4000515151" /> </div>
                <div class="logo"> <a href="/" title="Viki无忧英语-首页" class="logoA"><img src="../../images/web_new/global/logo.png" /></a> </div>
                <ul class="menu">
                    <li><a href="/" class="menuA " title="首页">首页</a></li>
                    <li><a href="/service/" class="menuA " title="关于我们">关于我们</a></li>
                    <li><a href="/teacher/" class="menuA " title="外教团队">外教团队</a></li>
                    <li><a href="/course/" class="menuA " title="课程教材">课程教材</a></li>
                    <li><a href="/guide/" class="menuA " title="上课流程">上课流程</a></li>
                                        <li><a href="/ue/ue_list.php" class="menuA " title="水平自测">名人堂</a></li>
                                    </ul>
            </div>
        </div>-->
        
        <!-- old 头部 -->
        <script charset="UTF-8" type='text/javascript' src='/js/ntalker/Viki_ntalker.php?uid=434366&nick_name=student&pricetype=1&is_buy=free&time=1397659729'></script>
        
        <script type="text/javascript">
            function getCookie(objName) {
                var arrStr = document.cookie.split("; ");
                for (var i = 0; i < arrStr.length; i++) {
                    var temp = arrStr[i].split("=");
                    if (temp[0] == objName) {
                        return unescape(temp[1]); //返回一个包含charstring内容的字符串值
                    }
                }
            }
            $(function () {
                if (getCookie('email') != '') {
                    $('#user_name').val(getCookie('email'));
                }
                DD_belatedPNG.fix('.png_bg');
            });
        </script>
        
        
<script type="text/javascript">
    if (typeof $ == 'undefinded') {
        document.write('<script type="text/javascript" src="http://static.Viki.com/js/jquery.js?v=20140416"><\/script>');
    }
</script>



<style>
#sddm div a.margin0 {color: #000000; margin: 0;}
    .style1
    {
        width: 139px;
        height: 120px;
    }
</style>

<script src="http://static.Viki.com/js/DD_belatedPNG_0.0.8a.js?v=20140416" type="text/javascript" charset="utf-8" language="javascript"></script>

<script type="text/javascript">
    //关注我们
    var timeout = 500;
    var closetimer = 0;
    var ddmenuitem = 0;
    function mopen(id, thisid) {
        mcancelclosetime();
        if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
        ddmenuitem = document.getElementById(id);
        ddmenuitem.style.visibility = 'visible';
    }
    function mclose() {
        if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
    }

    function mclosetime() {
        closetimer = window.setTimeout(mclose, timeout);
    }

    function mcancelclosetime() {
        if (closetimer) {
            window.clearTimeout(closetimer);
            closetimer = null;
        }
    }
    $(function () {
        document.onclick = mclose;

        DD_belatedPNG.fix('.png_bg');
    });
</script>


<script src='/js/user/51_medal.js'></script>
<script type=text/javascript>
    /*学员勋章*/
    function showmedal() {
        var nick_name = 'student';
        var medals = getCookie('medals');
        var iframe_url = '/plug/medal/iframemedal.php';
        //medals = '123|234';
        //medals = '234';
        if (medals) {
            var medal_arr = medals.split('_');
            if (medal_arr.length > 0) {
                for (var i = 0; i < medal_arr.length; i++) {
                    iframe.InaAutoSiteAd.init(medal_arr[i], 'nick_name=' + nick_name, iframe_url);
                }
            }
        }
    }
    if (document.all) {
        window.attachEvent('onload', showmedal)//IE中
    } else {
        window.addEventListener('load', showmedal, false); //firefox
    }
</script>

  <div id="content"> <!--新页面样式-->
<link href="Styles/Global.css" rel="stylesheet" type="text/css"  charset="utf-8"  />
<link href="Styles/Page_back.css" rel="stylesheet" type="text/css"  charset="utf-8"  />

 
<div class="leftBack">
    <div class="userInfo">
        <div class="info"> 
            <a href="management.php" title="点击修改头像">
                <span class="face"> 
                    <span class="faceY">
            <img alt="" class="style1" src="Styles/images/天明.jpg" /></span><img src="http://static.Viki.com/images/web_new/back/header.png?v=2014304">
                                    </span>
            </a>
            <span class="nameInfo">
                <p class="name" title="student">student</p>
                <p class="number">学号：<b>434009934</b></p>
            </span> 
        </div>
        <div class="rank"> &nbsp;</div>
        <ul class="goal">
        </ul>
        <div class="rank"> 
            剩余次卡：<font class="colorRed"><b>1</b></font>次<a href="management2.aspx" class="rankA">账户信息</a>
                        <br />
          
                    </div>
    </div>
    <div class="userList">
    
                
        <div class="leftTitle"> 会员中心 </div>
        <ul class="leftListUl">
        
		    <li class="leftListLi"><a href="xinde.aspx">发布心得</a></li>
               
            <li class="leftListLi"><a href="buy.aspx">购买课程</a></li>
             <li class="leftListLi"><a href="Addclass.aspx">开始上课</a></li>
            <li class="leftListLi"><a href="management.aspx">管理个人账户</a></li>
        </ul>
        <div class="Top10">
            <ul class="ulTop" id="ct" style="display:none;">
                            </ul>
        </div>
        <div class="Top10">
            <ul class="ulTop" id="d_ct" style="display:none;">
                            </ul>
        </div>
        
    </div>
</div>
 
<script type="text/javascript">

    $(function () {

        $('#city_num').mouseover(function () {
            $('#ct').css('display', '');
            $('#all').css('display', 'none');
            $(this).addClass('hoverTop');
            $('#quan').removeClass('hoverTop');
        });

        $('#quan').mouseover(function () {
            $('#ct').css('display', 'none');
            $('#all').css('display', '');
            $('#city_num').removeClass('hoverTop');
            $(this).addClass('hoverTop');
        });


        $('#d_city_num').mouseover(function () {
            $('#d_ct').css('display', '');
            $('#d_all').css('display', 'none');
            $(this).addClass('hoverTop');
            $('#d_quan').removeClass('hoverTop');
        });
        $('#d_quan').mouseover(function () {
            $('#d_ct').css('display', 'none');
            $('#d_all').css('display', '');
            $('#d_city_num').removeClass('hoverTop');
            $(this).addClass('hoverTop');
        })

    })

</script> 

    <div class="rightBack">
        <div class="titleRight"> 
    <span>管理个人账户</span>&nbsp;&nbsp;&nbsp;
</div>
<ul class="accMenu">
    <li  class="hover" ><a href="management.aspx">个人信息</a></li>
    <li ><a href="management1.aspx">修改密码</a></li>
    <li ><a href="management2.aspx">购买记录</a></li>

</ul>
        <form name="infoForm" action="updateUserInfo.php" method="post">
            <div class="accForm">
                <div class="listForm">
                    <div class="leftForm"> Email：</div>
                    <div class="rightForm">rjxu2014@qq.com</div>
                </div>
                <div class="listForm">
                    <div class="leftForm"> <font style="color:red;">*</font>手机号码：</div>
                    <div class="rightForm mb20">18500972765<br />
                                            </div>
                </div>
                <div class="listForm">
                    <div class="leftForm"> 选择头像： </div>
                    <div class="rightForm mb10"> 
                        <a href="management.aspx">
                            <span class="face"> 
                                <span class="faceY"></span> 
                                                                    <img src="Styles/images/天明.jpg">
                                                            </span>
                            <span class="update_header">修改头像</span>
                        </a> 
                    </div>
                </div>
                <div class="listForm">
                    <div class="leftForm"> 性别： </div>
                    <div class="rightForm">
                        <input type="radio" name="sex" value="man"  style="height:auto; border:0;" />
                        男&nbsp;&nbsp;
                        <input type="radio" name="sex" value="woman"  style="height:auto; border:0;" />
                        女
                    </div>
                </div>
                <div class="listForm">
                    <div class="leftForm"> 生日： </div>
                    <div class="rightForm mb20">
                        <select name="year">
                            <option value="">请选择</option>
                                                            <option value="1949" >1949</option>
                                                            <option value="1950" >1950</option>
                                                            <option value="1951" >1951</option>
                                                            <option value="1952" >1952</option>
                                                            <option value="1953" >1953</option>
                                                            <option value="1954" >1954</option>
                                                            <option value="1955" >1955</option>
                                                            <option value="1956" >1956</option>
                                                            <option value="1957" >1957</option>
                                                            <option value="1958" >1958</option>
                                                            <option value="1959" >1959</option>
                                                            <option value="1960" >1960</option>
                                                            <option value="1961" >1961</option>
                                                            <option value="1962" >1962</option>
                                                            <option value="1963" >1963</option>
                                                            <option value="1964" >1964</option>
                                                            <option value="1965" >1965</option>
                                                            <option value="1966" >1966</option>
                                                            <option value="1967" >1967</option>
                                                            <option value="1968" >1968</option>
                                                            <option value="1969" >1969</option>
                                                            <option value="1970" >1970</option>
                                                            <option value="1971" >1971</option>
                                                            <option value="1972" >1972</option>
                                                            <option value="1973" >1973</option>
                                                            <option value="1974" >1974</option>
                                                            <option value="1975" >1975</option>
                                                            <option value="1976" >1976</option>
                                                            <option value="1977" >1977</option>
                                                            <option value="1978" >1978</option>
                                                            <option value="1979" >1979</option>
                                                            <option value="1980" >1980</option>
                                                            <option value="1981" >1981</option>
                                                            <option value="1982" >1982</option>
                                                            <option value="1983" >1983</option>
                                                            <option value="1984" >1984</option>
                                                            <option value="1985" >1985</option>
                                                            <option value="1986" >1986</option>
                                                            <option value="1987" >1987</option>
                                                            <option value="1988" >1988</option>
                                                            <option value="1989" >1989</option>
                                                            <option value="1990" >1990</option>
                                                            <option value="1991" >1991</option>
                                                            <option value="1992" >1992</option>
                                                            <option value="1993" >1993</option>
                                                            <option value="1994" >1994</option>
                                                            <option value="1995" >1995</option>
                                                            <option value="1996" >1996</option>
                                                            <option value="1997" >1997</option>
                                                            <option value="1998" >1998</option>
                                                            <option value="1999" >1999</option>
                                                            <option value="2000" >2000</option>
                                                            <option value="2001" >2001</option>
                                                            <option value="2002" >2002</option>
                                                            <option value="2003" >2003</option>
                                                            <option value="2004" >2004</option>
                                                            <option value="2005" >2005</option>
                                                            <option value="2006" >2006</option>
                                                            <option value="2007" >2007</option>
                                                            <option value="2008" >2008</option>
                                                            <option value="2009" >2009</option>
                                                            <option value="2010" >2010</option>
                                                            <option value="2011" >2011</option>
                                                            <option value="2012" >2012</option>
                                                            <option value="2013" >2013</option>
                                                            <option value="2014" >2014</option>
                                                    </select>
                        年
                        <select name="month">
                            <option value="">请选择</option>
                                                            <option value="01">01</option>
                                                            <option value="02">02</option>
                                                            <option value="03">03</option>
                                                            <option value="04">04</option>
                                                            <option value="05">05</option>
                                                            <option value="06">06</option>
                                                            <option value="07">07</option>
                                                            <option value="08">08</option>
                                                            <option value="09">09</option>
                                                            <option value="10">10</option>
                                                            <option value="11">11</option>
                                                            <option value="12">12</option>
                                                    </select>
                        月
                        <select name="day">
                            <option value="">请选择</option>
                                                            <option value="01" >01</option>
                                                            <option value="02" >02</option>
                                                            <option value="03" >03</option>
                                                            <option value="04" >04</option>
                                                            <option value="05" >05</option>
                                                            <option value="06" >06</option>
                                                            <option value="07" >07</option>
                                                            <option value="08" >08</option>
                                                            <option value="09" >09</option>
                                                            <option value="10" >10</option>
                                                            <option value="11" >11</option>
                                                            <option value="12" >12</option>
                                                            <option value="13" >13</option>
                                                            <option value="14" >14</option>
                                                            <option value="15" >15</option>
                                                            <option value="16" >16</option>
                                                            <option value="17" >17</option>
                                                            <option value="18" >18</option>
                                                            <option value="19" >19</option>
                                                            <option value="20" >20</option>
                                                            <option value="21" >21</option>
                                                            <option value="22" >22</option>
                                                            <option value="23" >23</option>
                                                            <option value="24" >24</option>
                                                            <option value="25" >25</option>
                                                            <option value="26" >26</option>
                                                            <option value="27" >27</option>
                                                            <option value="28" >28</option>
                                                            <option value="29" >29</option>
                                                            <option value="30" >30</option>
                                                            <option value="31" >31</option>
                                                    </select>
                        日<br />
                        <font style="color:#999; line-height:12px; _line-height:28px;">准确填写生日，有机会获得更多惊喜哦！ </font> 
                    </div>
                </div>
                <div class="listForm">
                    <div class="leftForm"> <font style="color:red;">*</font>英文名或者昵称：</div>
                    <div class="rightForm mb10">
                        <input type="text" name="nick_name" id="nick_name" value="student"/>
                        &nbsp;<br />
                        <font style="color:#999; line-height:12px; _line-height:28px;">仅限字母，便于老师上课时称呼您 </font> 
                    </div>
                     </div>
                     <input type="hidden" name="appointType" value="" />
                    &nbsp;<input type="submit" name="Submit" value="提交修改" class="btn_reserved"/>
                </div>
               
        </form>
    </div>
</div>
    </div>
</asp:Content>
